<template>
	<view class="noticeDetails">
		<view class="top">充值送费活动</view>
		<view class="DetailsCont">
			<view class="title">明日起，实施充值满赠活动，充值饮水卡满200送30，活动持续一周。</view>
			<view class="time">
				<view>花园国际小区物业服务处</view>
				<view>2022-02-28 18:00</view>
			</view>

		</view>

		<view class="add_suggest_btn ggg" @click="navigateBack">返回</view>
	</view>


</template>

<script setup>
import { ref } from "vue"
let navigateBack = () => {
	uni.navigateBack()
}
</script>

<style lang="scss" scoped>
.noticeDetails {
	height: calc(100vh - 90rpx);
	background-color: #f5f5f5;
	overflow: hidden;
	color: #858585;
	font-size: 28rpx;
}

.top {
	font-size: 28rpx;
	color: #000;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	margin: 0 auto;
}

.DetailsCont {
	background-color: #fff;
	padding: 30rpx;
	margin: 25rpx;
	box-shadow: 0 0 10rpx 0 #ccc;
	.time {
		margin-top: 60rpx;
		text-align: right;

		view {
			margin-top: 20rpx;
		}
	}
}

.add_suggest_btn {
	margin-top: 30rpx !important;
	height: 68rpx;
	line-height: 68rpx;
	text-align: center;
	color: #fff;
	width: 98%;
	margin: 20rpx auto;
	background-color: #02a7f0;
	border-radius: 30rpx;
	position: fixed;
	bottom: 20rpx;
	left: 1%;
}

.ggg {
	background-color: #c5c5c5 !important;
}
</style>
